<div data-role="page">
    <div data-role="header">
        <a href="#" data-rel="back" class="ui-btn ui-icon-arrow-l ui-btn-icon-left ui-shadow">返回</a>
        <h1>badge插件</h1>
    </div>
    <div role="main" class="ui-content">
        <p>HarmonyOS仅支持设置角标，角标的增加和较少有业务处理，需具备通知权限</p>
        <div data-role="collapsible">
            <h1>设置badge</h1>
            <button  onclick="setBadge()" class="ui-btn ui-btn-a">点击设置badge</button>
            <div id="badgeInfo" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>清除badge</h1>
            <button  onclick="clearBadge()" class="ui-btn ui-btn-a">点击清除badge</button>
            <div id="clearBadge" width="100%"></div>
        </div>
    </div>
</div>
